// 导入项目的主样式文件
// import './assets/main.css'

// 从 'vue' 库中导入 createApp 函数，用于创建 Vue 应用实例
import { createApp } from 'vue'

// 导入 Vue 应用的根组件
import App from './App.vue'
import HmButton from './components/HmButton.vue'
import router from './router'
import { createPinia } from 'pinia'
import persistedstate from 'pinia-plugin-persistedstate'

// 创建 Vue 应用实例并将其挂载到 HTML 中 id 为 'app' 的元素上
// createApp(App).mount('#app')

// 创建 Vue 应用实例
const app = createApp(App)
// 创建 pinia 实例
const pinia = createPinia()
// 注意：这个是 pinia 的插件，通过 pinia.use() 来使用
pinia.use(persistedstate)
// 注册全局组件:app.component('随便起名', 导入名称)
app.component('HmButton', HmButton)
// 使用状态管理 pinia
app.use(pinia)
// 使用路由，注意 .use() 需要书写在 .mount()
// 使用路由管理 router
app.use(router)
// 挂载到 #app 元素上
app.mount('#app')
